<section>
  <h2>Home Page</h2>
</section>

<div style="margin:30px 30px">
  <h1>users page</h1>
  <button class="btn btn-info" ng-click="toAdd()">addUser</button>
  <div style="width:800px;text-align:center;margin-top:10px;">
    <table class="table table-bordered">
      <thead>
      <th>index</th><th>userid</th><th>name</th><th>age</th><th>salary</th><th>birth</th><th>operation</th>
      </thead>
      <tbody>
      <tr ng-repeat="user in users">
        <td>{{$index+1}}</td>
        <td>{{user.userId}}</td>
        <td>{{user.name}}</td>
        <td>{{user.age}}</td>
        <td>{{user.salary}}</td>
        <td>{{user.birth}}</td>
        <td>
          <button class="btn btn-default" ng-click="edit(user)">edit</button>&nbsp;&nbsp;
          <button class="btn btn-primary">detail</button>&nbsp;&nbsp;
          <button class="btn btn-info" ng-click="delete(user._id)">delete</button>
        </td>
      </tr>
      </tbody>
    </table>
  </div>

</div>